<script setup>
//记得写setup，代表这是一个组合式API
//引入ref函数
import {ref} from 'vue'
//调用ref函数给message赋值
//定义数据模型-响应式变量
//let message = ref('hello vue')
//定义一个响应式变量，赋值为0
const count=ref(0)
//定义一个函数，调用ref的value属性得到值让他自增
function increment(){
  count.value++
}
</script>

<template>
<!-- <h1>{{message}}</h1> -->
 <!-- 建一个按钮，调用函数，绑定点击事件，每点击一次都自增 -->
 <button @click="increment">{{ count }}</button>
</template>

<style scoped>

</style>